<template>
  <div>
<!-- for 循环 生成标签 -->
<ul>
  <!--1、 遍历数组 -->
<!--   <li v-for="item in gooodList" :key="item.name"> -->
  <!--2、 便利数组+下标 -->
  
<!--   <li v-for="(item,index ) in gooodList" :key="item.name"> -->
<!--       <span>{{index}}</span>
    <span>{{item.name}}</span>
     <span>{{item.age}}</span> -->

<!-- 3、便利对象语法 -->
<!--  <li v-for="(value,key ) in obj" :key="value"> -->
<!--     <span>{{key}}{{value}}</span>
 -->
 <!-- 4、遍历数字  -->
  <li v-for="item in 10 " :key="item">{{item}}</li>
 
</ul>
  </div>
</template>


<script>
export default {
  data(){
    return{
gooodList:[
  {name:"一号",age:11},
  {name:"二号",age:12},
  {name:"三号",age:13},
],
item:"",
obj:{
usname:"对象一号",age:11,
}
    }
  }
  
};
</script>

<style>
li{
  list-style: none;
}
</style>
